<template>
	<view class="container">
		<!-- 支付成功顶部 -->
		<view class="top">
			<image src="../../static/equity_img/success.png" mode=""></image>
			<text class="m_t20 font30 bold" style="color: #32b28f;">支付成功</text>
			<text class="m_t20 font26" style="color: #818181;">如对该订单有疑问，可联系在线客服</text>
		</view>
		<!-- 完成 -->
		<view class="box m_t80">
			<button class="font30" type="primary" @tap="buy">完成</button>
		</view>
		<!-- 查看订单 -->
		<view class="orders m_t30 font30">
			<text @tap="orderList">查看订单</text>
		</view>
	</view>
</template>

<script>	
	export default {
		data () {
			return {
				list: [{
					title: '买入成功'
				}, {
					title: '6-10(星期二)',
					desc: '预计产生收益'
				}, {
					title: '7-10(星期二)',
					desc: '认购结束'
				}]
			}
		},
		components: {
			
		},
		methods: {
			// 完成
			buy () {
				uni.switchTab({
					url:"../tabbar/home"
				});
			},
			// 查看订单
			orderList () {
				uni.navigateTo({
					url:"./standard_list"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		height: 100vh;
	}
	.container{
		width: 100%;
		height: 100%;
		background: #f4f4f8;
		border-top: 1upx solid #EFEFF0;
		padding: 24upx 32upx;
		.top {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			background: #fff;
			padding: 80upx 0;
			border-radius: 12upx;
			image {
				width: 128upx;
				height: 128upx;
			}
		}
		// 完成
		.box {
			width: 100%;
			button {
				padding: 10upx 0;
				border: none;
				background: linear-gradient(left, #3e9dff, #5e60e8);
			}
			button::after {
				border: 0;
			}
		}
		// 查看订单
		.orders {
			padding: 10upx 0;
			text-align: center;
			color: #676bea;
			display: flex;
			align-items: center;
			justify-content: center;
			text {
				padding: 10upx;
			}
		}
	}
</style>
